<script setup>
import { computed, getCurrentInstance, onMounted, ref } from 'vue'
// import zhCN from 'ant-design-vue/es/locale/zh_CN'
// import { theme } from 'ant-design-vue'

// import dayjs from 'dayjs'
// import 'dayjs/locale/zh-cn'
// dayjs.locale('zh-cn')

/**/
const { proxy } = getCurrentInstance()
// https://www.antdv.com/docs/vue/customize-theme-cn
// 4.0 版本中默认提供三套预设算法，分别是默认算法 theme.defaultAlgorithm、暗色算法 theme.darkAlgorithm 和紧凑算法 theme.compactAlgorithm
const themeStyle = ref({
  // algorithm: theme.darkAlgorithm
  token: {
    colorTextBase: '#323233',
    // colorPrimary: '#155bd4',  // 主题色
    colorPrimary: '#27b32e',  // 主题色
    // colorLink: '#155bd4',     // a标签的颜色
    colorLink: '#27A02C',     // a标签的颜色
    colorBgLayout: '#f7f8fa', // 页面整体布局的背景色
    borderRadius: 2,
    // 如 Notification、 Alert等警告类组件或 Input 输入类等组件
    colorWarningBg: '#fff5ed',
    colorWarningBorder: '#f1924e'
  }
})

const locale = computed(() => {
  return proxy.$i18n.messages[proxy.$i18n.locale]
})

onMounted(() => {
  // proxy.getOrgSelectList(true) // 缓存运营商数据
})


// const locale = ref(zhCN)

</script>

<template>
  <a-config-provider
      :locale="locale"
      :theme="themeStyle"
  >
    <RouterView/>
  </a-config-provider>
</template>

<!--<style lang="scss" >-->
<!--@use '@/assets/main' as main;-->

<!--</style>-->
